<div class="clearfix script-content">
	<div class="wrapper-md" ng-controller="vmTabCtrl">
		<div class="row">
			<div class="col-md-1 tab-arrow">
				<i class="fa fa-angle-left" ng-click="goLeft()"></i>
			</div>
			<div class="col-md-10" style="position: relative">
				<div class="col-md-12 platform-container">
					<div>
						<div class="platform-cell" ng-class="{true:'selected'}[row.selected]" ng-repeat="row in platformData"
						     ng-click="selectCell(row)">
							<div>
								<h5 class="text-over" ng-bind="row.name"></h5>
								<div class="text-over">{{row.type}} {{row.version}}</div>
								<div class="text-over">{{row.address}}</div>
							</div>
							<div class="platform-detail" ng-right-click="goOperation(row)">
								<div>集 群：{{row.clusterCount}}</div>
								<div>主 机：{{row.hostCount}}</div>
								<div>存 储：{{row.dataStoreCount}}</div>
								<div>虚 机：{{row.instance}}</div>
								<div>模 板：{{row.templateCount}}</div>
								<div>
									<i class="fa fa-pencil-square-o m-r" ng-click="editPlatform($event,row.id)"></i>
									<i class="fa fa-trash-o m-r" ng-click="delPlatform($event,row.id)"></i>
									<i class="fa fa-hourglass-start m-r" ng-click="sync($event,row)"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="platform-cell add-cell" ng-click="editPlatform($event)"><i class="glyphicon glyphicon-plus"></i>
				</div>
			</div>
			<div class="col-md-1 tab-arrow">
				<i class="fa fa-angle-right" ng-click="goRight()"></i>
			</div>
		</div>
		<tabset class="tab-container">
			<tab active="active11" select="selectTab('datacenter')" ng-controller="vmDatacenterCtrl">
				<tab-heading class="tab-heading-style">
					数据中心
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="">
						<div class="search-box m-b-md">
							<div class="legend">查询条件</div>
							<div class="search-content">
								<div class="form-group">
									<label class="control-label">名称：</label>
									<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="">
								</div>
							</div>
							<div class="search-btn">
								<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
							</div>
						</div>

						<div class="">
							<div class="dataTables_wrapper form-inline">
								<div class="row">
									<div class="col-sm-12" style="margin-top: -10px;">
										<table class="table table- b-light m-b-xxs">
											<thead class="table-header">
											<tr>
												<th width="25%" class="font-15 text-center">名称</th>
												<th width="25%" class="font-15 text-center">CPU使用量（MHZ）</th>
												<th width="25%" class="font-15 text-center">内存使用量（MB）</th>
												<th width="25%" class="font-15 text-center">存储使用量（GB）</th>
											</tr>
											</thead>
											<tbody>
											<tr class="table-content" ng-repeat="row in vmDatacenterList" ng-if="!isImageData">
												<td width="25%" class="font-15 text-center text-overflow" style="max-width:262px;"
												    title="{{row.name}}" ng-bind="row.name"></td>
												<td width="25%" class="font-15 text-center text-overflow">
													<span class="progress1"><i class="blueIn" ng-style="row.cpuUsage"></i></span>
													<span class="process1-txt">{{row.cpuUsageTxt}}</span>
												</td>
												<td width="25%" class="font-15 text-center text-overflow">
													<span class="progress1"><i class="yellowIn" ng-style="row.memoryUsage"></i></span><span
														class="process1-txt">{{row.memoryUsageTxt}}</span>
												</td>
												<td width="25%" class="font-15 text-center text-overflow">
													<span class="progress1"><i class="redIn" ng-style="row.diskUsage"></i></span><span
														class="process1-txt">{{row.diskUsageTxt}}</span>
												</td>
											</tr>
											<tr ng-if="isImageData">
												<td class="td-nodata" colspan="4"></td>
											</tr>
											</tbody>
										</table>
										<div class="clearfix">
											<div class="col-sm-6" style="padding: 7px 15px;">
												<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
														ng-bind="param.rows"></span>条
												</div>
											</div>
											<div class="col-sm-6 text-right">
												<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
												            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
												            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
												            last-text="&raquo;"></pagination>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active12" select="selectTab('cluster')" ng-controller="vmClusterCtrl">
				<tab-heading class="tab-heading-style">
					集群
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="">
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
							<button class="btn btn-info w-xs m-r" ng-click="add()"><i class="fa fa-plus-circle"></i> 新增</button>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline">
						<div class="row">
							<div class="col-sm-12" style="margin-top: -10px;">
								<table class="table b-light m-b-xxs">
									<thead class="table-header">
									<tr>
										<th width="15%" class="font-15 text-center">名称</th>
										<th width="9%" class="font-15 text-center">数据中心</th>
										<th width="9%" class="font-15 text-center">主机</th>
										<th width="9%" class="font-15 text-center">虚拟机</th>
										<th width="9%" class="font-15 text-center">模板</th>
										<th width="9%" class="font-15 text-center">最后更新时间</th>
										<th width="9%" class="font-15 text-center">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr class="table-content" ng-repeat="row in vmClusterList" ng-if="!isImageData">
										<td width="15%" class="font-15 text-center text-overflow detail-href text-info"
										    style="max-width:153px;" title="{{row.name}}" ng-bind="row.name"
										    ng-click="goDetail($event,row.id)"></td>
										<td width="9%" class="font-15 text-center text-overflow" style="max-width:102px;"
										    title="{{row.vdcName}}" ng-bind="row.vdcName"></td>
										<td width="9%" class="font-15 text-center text-overflow" style="max-width:94px;"
										    title="{{row.hostNum}}" ng-bind="row.hostNum"></td>
										<td width="9%" class="font-15 text-center text-overflow" style="max-width:94px;"
										    title="{{row.vmNum}}" ng-bind="row.vmNum"></td>
										<td width="9%" class="font-15 text-center text-overflow" style="max-width:94px;"
										    title="{{row.templateNum}}" ng-bind="row.templateNum"></td>
										<td width="9%" class="font-15 text-center text-overflow" style="max-width:94px;"
										    title="{{row.gmtModify}}" ng-bind="row.gmtModify"></td>
										<td class="td-operate text-center">
											<div class="btn-group dropdown table-operation" dropdown="">
												<a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder"></i>操作</a>
												<ul class="dropdown-menu">
													<li ng-click="remove(row.id)"><a href="">删除</a></li>
													<li ng-click="operationHost(1,row)"><a href="">移入主机</a></li>
													<li ng-click="operationHost(2,row)"><a href="">移除主机</a></li>
												</ul>
											</div>
										</td>
									</tr>
									<tr ng-if="isImageData">
										<td class="td-nodata" colspan="7"></td>
									</tr>
									</tbody>
								</table>
								<div class="clearfix">
									<div class="col-sm-6" style="padding: 7px 15px;">
										<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
												ng-bind="param.rows"></span>条
										</div>
									</div>
									<div class="col-sm-6 text-right">
										<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
										            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
										            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
										            last-text="&raquo;"></pagination>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">集群详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">信息详情</h5>
										</div>
										<div class="pmbb-body">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>数据中心：</dt>
														<dd ng-bind="supplierDetail.vdcName"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>CPU核数：</dt>
														<dd ng-bind="supplierDetail.cpuCore"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>总CPU：</dt>
														<dd>{{supplierDetail.cpuTotal}} MHZ</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>总内存：</dt>
														<dd>{{supplierDetail.memTotal}} MB</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>主机数量：</dt>
														<dd ng-bind="supplierDetail.hostNum"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>虚拟机数量：</dt>
														<dd ng-bind="supplierDetail.vmNum"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>模板数量：</dt>
														<dd ng-bind="supplierDetail.templateNum"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">宿主机列表</h5>
										</div>
										<div class="pmbb-body col-md-12 m-table">
											<table class="table b-light m-b-xxs">
												<thead class="table-header">
												<tr>
													<th class="font-15 text-center">名称</th>
													<th class="font-15 text-center">IP</th>
													<th class="font-15 text-center">虚机总数</th>
													<th class="font-15 text-center">模板总数</th>
													<th class="font-15 text-center">平台</th>
												</tr>
												</thead>
												<tbody>
												<tr class="table-content" ng-repeat="row in vmHostList" ng-if="!isImageData">
													<td width="12%" class="font-15 text-center text-overflow" style="max-width:88px;"
													    title="{{row.name}}" ng-bind="row.name"></td>
													<td width="8%" class="font-15 text-center text-overflow" style="max-width:96px;"
													    title="{{row.name}}" ng-bind="row.name"></td>
													<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
													    title="{{row.vmNum}}" ng-bind="row.vmNum"></td>
													<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
													    title="{{row.templateNum}}" ng-bind="row.templateNum"></td>
													<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
													    title="{{row.catalog}}" ng-bind="row.catalog"></td>
												</tr>
												<tr ng-if="isImageDatad">
													<td class="td-nodata" colspan="5"></td>
												</tr>
												</tbody>
											</table>
											<div class="clearfix">
												<div class="col-sm-6" style="padding: 7px 15px;">
													<div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span
															ng-bind="paramd.rows"></span>条
													</div>
												</div>
												<div class="col-sm-6 text-right">
													<pagination style="" boundary-links="true" total-items="totalCountd"
													            items-per-page="paramd.rows"
													            max-size="10" ng-model="paramd.page" ng-change="getHostData(paramd.page)"
													            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
													            last-text="&raquo;"></pagination>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active13" select="selectTab('host')" ng-controller="vmHostCtrl">
				<tab-heading class="tab-heading-style">
					宿主机
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder=""
								       aria-controls="DataTables_Table_3">
							</div>
							<div class="form-group">
								<label class="control-label">选择集群：</label>
								<select class="form-control" ng-model="searchByCluster">
									<option value="">--请选择--</option>
									<option ng-repeat="row in clusterListData" value="{{row.id}}"
									        ng-bind="row.name"></option>
								</select>
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
							<button class="btn btn-info w-xs m-r" ng-click="add()"><i class="fa fa-plus-circle"></i> 新增</button>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline">
						<div class="row">
							<div class="col-sm-12 table-responsive" style="margin-top: -10px;">
								<table class="table b-light m-b-xxs">
									<thead class="table-header">
									<tr>
										<th width="12%" class="font-15 text-center">主机名称</th>
										<th width="8%" class="font-15 text-center">主机IP</th>
										<th width="8%" class="font-15 text-center">所属集群</th>
										<th width="8%" class="font-15 text-center">主机状态</th>
										<th width="8%" class="font-15 text-center">虚机总数</th>
										<th width="8%" class="font-15 text-center">模板总数</th>
										<th width="8%" class="font-15 text-center">平台</th>
										<th width="8%" class="font-15 text-center">连接状态</th>
										<th width="8%" class="font-15 text-center">模式</th>
										<th class="text-center td-operate font-15" width="8%">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr class="table-content" ng-repeat="row in vmHostList" ng-if="!isImageData">
										<td width="12%" class="font-15 text-center detail-href text-overflow text-info"
										    style="max-width:88px;" title="{{row.name}}" ng-bind="row.name"
										    ng-click="goDetail($event,row.id)"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:96px;"
										    title="{{row.hostIp}}" ng-bind="row.hostIp"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:80px;"
										    title="{{row.clusterName}}" ng-bind="row.clusterName"></td>
										<td width="8%" lass="font-15 text-center" style="padding-left:15px;">
											<div class="text-left" style="padding-left:10%;">
												<i class="status-dot-style"
												   ng-class="{'RUNNING':'dot-8','STOPPED':'dot-1','UNKNOWN':'dot-4'}[row.powerState]"></i>
												<span class="status-span-style" title="{{row.powerState|cn:'vmStatus'}}"
												      ng-bind="row.powerState|cn:'vmStatus'"></span>
											</div>
										</td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
										    title="{{row.vmNum}}" ng-bind="row.vmNum"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
										    title="{{row.templateNum}}" ng-bind="row.templateNum"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
										    title="{{row.catalog}}" ng-bind="row.catalog"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
										    title="{{row.connected|cn:'vmConnect'}}" ng-bind="row.connected|cn:'vmConnect'"></td>
										<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
										    title="{{row.maintain|cn:'vmMaintain'}}" ng-bind="row.maintain|cn:'vmMaintain'"></td>
										<td width="8" class="td-operate text-center">
											<div class="btn-group dropdown table-operation" dropdown="">
												<a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder"></i>操作</a>
												<ul class="dropdown-menu">
													<li ng-if="!row.disDel" ng-click="remove(row.id)"><a href="">删除</a></li>
													<li ng-if="row.disDel"><a class="btn btn-default disabled color-f1f1f1" href="">删除</a></li>
													<li ng-if="!row.disMove" ng-click="move(row)"><a href="">移动</a></li>
													<li ng-if="row.disMove"><a class="btn btn-default disabled color-f1f1f1" href="">移动</a></li>
													<li ng-if="!row.connected " ng-click="operation(1,row.id)"><a href="">连接</a></li>
													<li ng-if="row.powerState=='RUNNING'" ng-click="operation(2,row.id)"><a href="">断开</a></li>
													<li ng-if="row.powerState=='RUNNING'&&!row.maintain" ng-click="operation(3,row.id)"><a href="">进入维护</a></li>
													<li ng-if="row.powerState=='RUNNING'&&row.maintain" ng-click="operation(4,row.id)"><a href="">退出维护</a></li>
													<li ng-if="row.powerState=='RUNNING'" ng-click="createNetwork(row.id)"><a href="">创建网络</a></li>
													<li ng-if="row.powerState!='RUNNING'"><a  class="btn btn-default disabled color-f1f1f1" href="">创建网络</a></li>
													<li ng-if="row.powerState=='RUNNING'" ng-click="catPerformance(row.name)"><a href="">性能数据</a></li>
													<li ng-if="row.powerState!='RUNNING'"><a class="btn btn-default disabled color-f1f1f1" href="">性能数据</a></li>
												</ul>
											</div>
										</td>
									</tr>
									<tr ng-if="isImageData">
										<td class="td-nodata" colspan="10"></td>
									</tr>
									</tbody>
								</table>
								<div class="clearfix">
									<div class="col-sm-6" style="padding: 7px 15px;">
										<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
												ng-bind="param.rows"></span>条
										</div>
									</div>
									<div class="col-sm-6 text-right">
										<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
										            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
										            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
										            last-text="&raquo;"></pagination>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail vm-host-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">宿主机详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">信息详情</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>主机名称：</dt>
														<dd ng-bind="supplierDetail.name"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>所属集群：</dt>
														<dd ng-bind="supplierDetail.clusterName"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>生产商：</dt>
														<dd ng-bind="supplierDetail.vendor"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>UUID：</dt>
														<dd ng-bind="supplierDetail.uuid"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>电源状态：</dt>
														<dd>
															<i class="status-dot-style"
															   ng-class="{'RUNNING':'dot-8','STOPPED':'dot-1','UNKNOWN':'dot-4'}[supplierDetail.powerState]"></i>
															<span class="status-span-style" title="{{supplierDetail.powerState|cn:'vmStatus'}}"
															      ng-bind="supplierDetail.powerState|cn:'vmStatus'"></span>
														</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>IP地址：</dt>
														<dd ng-bind="supplierDetail.hostIp"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>CPU数量：</dt>
														<dd>{{supplierDetail.cpuNum}}</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>CPU核数：</dt>
														<dd ng-bind="supplierDetail.cpuCore"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>总内存：</dt>
														<dd>{{supplierDetail.memTotal}} MB</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>数据存储数量：</dt>
														<dd ng-bind="supplierDetail.datastoreNum"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>虚拟机数量：</dt>
														<dd ng-bind="supplierDetail.vmNum"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>模板数量：</dt>
														<dd ng-bind="supplierDetail.templateNum"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">虚拟机列表</h5>
										</div>
										<div class="pmbb-body col-md-12 m-table">
											<table class="table b-light m-b-xxs">
												<thead class="table-header">
												<tr>
													<th class="font-15 text-center">虚机名称</th>
													<th class="font-15 text-center">IP地址</th>
													<th class="font-15 text-center">状态</th>
													<th class="font-15 text-center">数据存储区</th>
													<th class="font-15 text-center">快照数量</th>
													<th class="font-15 text-center">磁盘/GB</th>
												</tr>
												</thead>
												<tbody>
												<tr class="table-content" ng-repeat="row in vmList" ng-if="!isImageData">
													<td class="font-15 text-center text-overflow" style="max-width:210px;"
													    title="{{row.name}}" ng-bind="row.name"></td>
													<td class="font-15 text-center text-overflow" style="max-width:210px;"
													    title="{{row.managerIp}}" ng-bind="row.managerIp"></td>
													<td class="font-15 text-center">
														<div class="text-left" style="padding-left:25%;">
															<i class="status-dot-style"
															   ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
															<span class="status-span-style" title="{{row.status|cn:'vmStatus'}}"
															      ng-bind="row.status|cn:'vmStatus'"></span>
														</div>
													</td>
													<td class="font-15 text-center text-overflow" style="max-width:209px;"
													    title="{{row.datastores}}" ng-bind="row.datastores"></td>
													<td class="font-15 text-center text-overflow" style="max-width:161px;"
													    title="{{row.snapshotCount}}" ng-bind="row.snapshotCount"></td>
													<td class="font-15 text-center text-overflow" style="max-width:156px;"
													    title="{{row.disk}}" ng-bind="row.disk"></td>
												</tr>
												<tr ng-if="isImageDatad">
													<td class="td-nodata" colspan="6"></td>
												</tr>
												</tbody>
											</table>
											<div class="clearfix">
												<div class="col-sm-6" style="padding: 7px 15px;">
													<div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span
															ng-bind="paramd.rows"></span>条
													</div>
												</div>
												<div class="col-sm-6 text-right">
													<pagination style="" boundary-links="true" total-items="totalCountd"
													            items-per-page="paramd.rows"
													            max-size="10" ng-model="paramd.page" ng-change="getVmData(paramd.page)"
													            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
													            last-text="&raquo;"></pagination>
												</div>
											</div>
										</div>
									</div>
									<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active1" select="selectTab('vm')" ng-controller="vmListCtrl">
				<tab-heading class="tab-heading-style">
					虚拟机
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">主机名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm">
							</div>
							<div class="form-group">
								<label class="control-label">主机IP：</label>
								<input type="ip" ng-model="searchByIP" class="form-control input-sm">
							</div>
							<div class="form-group">
								<label class="control-label">主机状态：</label>
								<select class="form-control" ng-model="searchByStatus">
									<option value="">--请选择--</option>
									<option ng-repeat="row in statusData" ng-selected="row.value==searchByStatus" value="{{row.value}}"
									        ng-bind="row.name"></option>
								</select>
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
							<button class="btn btn-info w-xs m-r" ng-click="add()"><i class="fa fa-plus-circle"></i> 新增
							</button>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline">
						<div class="row">
							<div class="col-sm-12 table-responsive" style="margin-top: -10px;">
								<table class="table b-light m-b-xxs">
									<thead class="table-header">
									<tr>
										<th class="font-15 text-center">名称</th>
										<th class="font-15 text-center">集群</th>
										<th class="font-15 text-center">宿主机</th>
										<th class="font-15 text-center">IP地址</th>
										<th class="font-15 text-center">状态</th>
										<th class="font-15 text-center">数据存储区</th>
										<th class="font-15 text-center">快照数量</th>
										<th class="font-15 text-center">磁盘大小/GB</th>
										<th class="text-center td-operate font-15" width="15%">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr class="table-content" ng-repeat="row in vmList" ng-if="!isImageData">
										<td class="font-15 detail-href text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.name" ng-click="goDetail($event,row.id)"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.clusterName}}" ng-bind="row.clusterName"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.hostName}}" ng-bind="row.hostName"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.managerIp}}" ng-bind="row.managerIp"></td>
										<td class="font-15 text-center" style="padding-left:15px;">
											<div class="text-left" style="padding-left:10%;">
												<i class="status-dot-style"
												   ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
												<span class="status-span-style" title="{{row.status|cn:'vmStatus'}}"
												      ng-bind="row.status|cn:'vmStatus'"></span>
											</div>
										</td>
										<td class="font-15 text-center text-overflow" style="max-width:209px;"
										    title="{{row.datastores}}" ng-bind="row.datastores"></td>
										<td class="font-15 text-center text-overflow" style="max-width:161px;" title="{{row.snapshotCount}}"
										    ng-bind="row.snapshotCount"></td>
										<td class="font-15 text-center text-overflow" style="max-width:156px;"
										    title="{{row.disk}}" ng-bind="row.disk"></td>
										<td class="td-operate text-center">
											<div class="btn-group dropdown table-operation" dropdown="">
												<a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder" ></i>操作</a>
												<ul class="dropdown-menu">
													<li class="btn" ng-disabled="row.disEdit" ng-click="update(row.id)"><a href="">编辑</a></li>
													<li class="btn" ng-disabled="row.disDel" ng-click="remove($event,row,6)"><a href="">删除</a></li>
													<li class="btn" ng-disabled="row.disPer" ng-click="catPerformance(row.name)"><a href="">性能数据</a></li>
													<li class="btn" ng-disabled="row.disStart" ng-click="remove($event,row,2,row.isStart)" ><a href="">开机</a></li>
													<li class="btn" ng-disabled="row.disStop"  ng-click="remove($event,row,5,row.isStop)"><a href="" >关机</a></li>
													<li class="btn" ng-disabled="row.disRestart" ng-click="remove($event,row,1,row.isRestart)"><a href="">重启</a></li>
													<li class="btn" ng-disabled="row.disSuspended" ng-click="remove($event,row,8,row.isStart)"><a href="">挂起</a></li>
													<li class="btn" ng-disabled="row.disSnap" ng-click="createSnapshot(row.id)"><a href="">快照</a></li>
													<li class="btn" ng-disabled="row.disClone"  ng-click="clone(row.id)"><a href="">克隆</a></li>
													<li class="btn" ng-disabled="row.disMig"  ng-click="migrate(row.id)"><a href="">迁移</a></li>
												</ul>
											</div>
										</td>
									</tr>
									<tr ng-if="isImageData">
										<td class="td-nodata" colspan="9"></td>
									</tr>
									</tbody>
								</table>
								<div class="clearfix">
									<div class="col-sm-6" style="padding: 7px 15px;">
										<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
												ng-bind="param.rows"></span>条
										</div>
									</div>
									<div class="col-sm-6 text-right">
										<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
										            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
										            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
										            last-text="&raquo;"></pagination>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">虚机详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">基本信息</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>名称：</dt>
														<dd ng-bind="vmDetail.name"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>宿主机名称：</dt>
														<dd ng-bind="vmDetail.hostName"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>状态：</dt>
														<dd>
															<i class="status-dot-style"
															   ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[vmDetail.statusColor]"></i>
															<span class="status-span-style" title="{{vmDetail.status|cn:'vmStatus'}}"
															      ng-bind="vmDetail.status|cn:'vmStatus'"></span>
														</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>所属集群：</dt>
														<dd ng-bind="vmDetail.clusterName"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>实例ID：</dt>
														<dd ng-bind="vmDetail.instanceId"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>管理账号：</dt>
														<dd ng-bind="vmDetail.account"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>管理IP：</dt>
														<dd ng-bind="vmDetail.managerIp"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>管理端口：</dt>
														<dd ng-bind="vmDetail.managerPort"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>安装tools：</dt>
														<dd ng-bind="vmDetail.toolsInstalled|cn:'vmToolStatus'"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">详细信息</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>CPU核数：</dt>
														<dd>{{vmDetail.cpu}}核</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>内存大小：</dt>
														<dd>{{vmDetail.memory}}MB</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>磁盘大小：</dt>
														<dd>{{vmDetail.disk}}G</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>数据存储区：</dt>
														<dd ng-bind="vmDetail.datastores"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>快照数量：</dt>
														<dd ng-bind="vmDetail.snapshotCount"></dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>主机描述：</dt>
														<dd ng-bind="vmDetail.remark"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">快照列表</h5>
										</div>
										<div class="pmbb-body col-md-12">
											<table class="table b-light m-b-xxs">
												<thead class="table-header">
												<tr>
													<th class="text-center font-15">快照名称</th>
													<th class="text-center font-15">状态</th>
													<th class="text-center font-15">虚拟机</th>
													<th class="text-center font-15">创建时间</th>
													<th class="text-center font-15">描述</th>
												</tr>
												</thead>
												<tbody>
												<tr class="table-content" ng-repeat="row in detail.snapshotList" ng-if="!detail.noneSnap">
													<td class="text-center font-15 text-overflow" title="{{row.name}}"
													    ng-bind="row.name"></td>
													<td class="font-15 text-center">
														<i class="status-dot-style"
														   ng-class="{'AVAILABLE':'dot-8','INAVAILABLE':'dot-10'}[row.status]"></i>
														<span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
													</td>
													<td class="text-center font-15 text-overflow" title="{{row.vmName}}"
													    ng-bind="row.vmName"></td>
													<td class="text-center font-15 text-overflow" title="{{row.createTime}}"
													    ng-bind="row.createTime"></td>
													<td class="text-center font-15 text-overflow" title="{{row.remark}}"
													    ng-bind="row.remark" style="max-width: 180px"></td>
												</tr>
												<tr ng-if="detail.noneSnap">
													<td class="td-nodata" colspan="5"></td>
												</tr>
												</tbody>
											</table>
											<div class="clearfix">
												<div class="col-sm-6" style="padding:7px 15px;">
													<div class="paginationTables_info">总共<span ng-bind="detail.totalSnap"></span>条, 每页<span
															ng-bind="detail.snapParam.rows"></span>条
													</div>
												</div>
												<div class="col-sm-6 text-right">
													<pagination style="" boundary-links="true" total-items="detail.totalSnap"
													            items-per-page="detail.snapParam.rows"
													            max-size="10" ng-model="detail.snapParam.page"
													            ng-change="detail.getSnapshot(detail.snapParam.page)"
													            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
													            last-text="&raquo;"></pagination>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">操作记录</h5>
										</div>
										<div class="pmbb-body col-md-12 m-table">
											<table class="table b-light m-b-xxs">
												<thead class="table-header">
												<tr>
													<th width="20%" class="font-15 text-center">操作内容</th>
													<th width="25%" class="font-15 text-center">操作结果</th>
													<th width="25%" class="font-15 text-center">操作人</th>
													<th width="30%" class="font-15 text-center">操作时间</th>
												</tr>
												</thead>
												<tbody>
												<tr class="table-content" ng-repeat="row in eventList" ng-if="!isImageData">
													<td width="20%" class="font-15 text-center text-overflow" style="max-width:209px;"
													    title="{{row.content}}" ng-bind="row.content"></td>
													<td width="25%" class="font-15 text-center text-overflow" style="max-width:314px;"
													    title="{{row.result}}" ng-bind="row.result"></td>
													<td width="25%" class="font-15 text-center text-overflow" style="max-width:209px;"
													    title="{{row.operator}}" ng-bind="row.operator"></td>
													<td width="30%" class="font-15 text-center text-overflow" style="max-width:314px;"
													    title="{{row.gmtOperate}}" ng-bind="row.gmtOperate"></td>
												</tr>
												<tr ng-if="isImageDatad">
													<td class="td-nodata" colspan="4"></td>
												</tr>
												</tbody>
											</table>
											<div class="clearfix">
												<div class="col-sm-6" style="padding:7px 15px;">
													<div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span
															ng-bind="paramd.rows"></span>条
													</div>
												</div>
												<div class="col-sm-6 text-right">
													<pagination style="" boundary-links="true" total-items="totalCountd"
													            items-per-page="paramd.rows" max-size="10" ng-model="paramd.page"
													            ng-change="getOperateData(paramd.page)" previous-text="&lsaquo;"
													            next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active10" select="selectTab('template')" ng-controller="vmTemplateCtrl">
				<tab-heading class="tab-heading-style">
					模板
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">模板名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder=""
								       aria-controls="DataTables_Table_3">
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline">
						<div class="row">
							<div class="col-sm-12" style="margin-top: -10px;">
								<table class="table b-light m-b-xxs">
									<thead class="table-header">
									<tr>
										<th class="font-15 text-center">模板名称</th>
										<th class="font-15 text-center">平台名称</th>
										<th class="font-15 text-center">CPU核数</th>
										<th class="font-15 text-center">内存大小/MB</th>
										<th class="font-15 text-center">磁盘大小/GB</th>
										<th class="text-center td-operate font-15" width="15%">操作</th>
									</tr>
									</thead>
									<tbody>
									<tr class="table-content" ng-repeat="row in vmList" ng-if="!isImageData">
										<td class="font-15 detail-href text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.name" ng-click="detail($event,row.id)"></td>
										<td class="font-15 text-center text-overflow" style="max-width:261px;"
										    title="{{row.vendorName}}" ng-bind="row.vendorName"></td>
										<td class="font-15 text-center text-overflow" style="max-width:261px;"
										    title="{{row.cpu}}" ng-bind="row.cpu"></td>
										<td class="font-15 text-center text-overflow" style="max-width:261px;"
										    title="{{row.memory}}" ng-bind="row.memory"></td>
										<td class="font-15 text-center text-overflow" style="max-width:261px;"
										    title="{{row.disk}}" ng-bind="row.disk"></td>
										<td width="15%" class="td-operate text-center">
											<div class="btn-group dropdown table-operation" dropdown="">
												<a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder"></i>操作</a>
												<ul class="dropdown-menu">
													<li ng-click="add($event,row)"><a href="">创建虚机</a></li>
												</ul>
											</div>
										</td>
									</tr>
									<tr ng-if="isImageData">
										<td class="td-nodata" colspan="6"></td>
									</tr>
									</tbody>
								</table>
								<div class="clearfix">
									<div class="col-sm-6" style="padding: 7px 15px;">
										<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
												ng-bind="param.rows"></span>条
										</div>
									</div>
									<div class="col-sm-6 text-right">
										<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
										            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
										            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
										            last-text="&raquo;"></pagination>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">模板详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">基本信息</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>模板名称：</dt>
														<dd ng-bind="vmDetail.name"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">详细信息</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>CPU核数：</dt>
														<dd>{{vmDetail.cpu}}核</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>内存大小：</dt>
														<dd>{{vmDetail.memory}}MB</dd>
													</dl>
												</div>
												<div class="col-lg-4">
													<dl class="dl-horizontal">
														<dt>磁盘大小：</dt>
														<dd>{{vmDetail.disk}}G</dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">操作记录</h5>
										</div>
										<div class="pmbb-body col-md-12 m-table">
											<table class="table b-light m-b-xxs">
												<thead class="table-header">
												<tr>
													<th width="20%" class="font-15 text-center">操作内容</th>
													<th width="25%" class="font-15 text-center">操作结果</th>
													<th width="25%" class="font-15 text-center">操作人</th>
													<th width="30%" class="font-15 text-center">操作时间</th>
												</tr>
												</thead>
												<tbody>
												<tr class="table-content" ng-repeat="row in eventList" ng-if="!isImageDatad">
													<td width="20%" class="font-15 text-center text-overflow" style="max-width:209px;"
													    title="{{row.content}}" ng-bind="row.content"></td>
													<td width="25%" class="font-15 text-center text-overflow" style="max-width:314px;"
													    title="{{row.result}}" ng-bind="row.result"></td>
													<td width="25%" class="font-15 text-center text-overflow" style="max-width:209px;"
													    title="{{row.operator}}" ng-bind="row.operator"></td>
													<td width="30%" class="font-15 text-center text-overflow" style="max-width:314px;"
													    title="{{row.gmtOperate}}" ng-bind="row.gmtOperate"></td>
												</tr>
												<tr ng-if="isImageDatad">
													<td class="td-nodata" colspan="4"></td>
												</tr>
												</tbody>
											</table>
											<div class="clearfix">
												<div class="col-sm-6" style="padding:7px 15px;">
													<div class="paginationTables_info">总共<span ng-bind="totalCountd"></span>条, 每页<span
															ng-bind="paramd.rows"></span>条
													</div>
												</div>
												<div class="col-sm-6 text-right">
													<pagination style="" boundary-links="true" total-items="totalCountd"
													            items-per-page="paramd.rows" max-size="10" ng-model="paramd.page"
													            ng-change="getOperateData(paramd.page)" previous-text="&lsaquo;"
													            next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
												</div>
											</div>
										</div>
									</div>
									<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active4" select="selectTab('snapshot')" ng-controller="vmSnapshotCtrl">
				<tab-heading class="tab-heading-style">
					快照
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="col-md-12 search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">快照名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder=""
								       aria-controls="DataTables_Table_3">
							</div>
							<div class="form-group">
								<label class="control-label">选择虚机：</label>
								<select class="form-control" ng-model="searchByVm">
									<option value="">--请选择--</option>
									<option ng-repeat="row in vmListData" value="{{row.id}}"
									        ng-bind="row.name"></option>
								</select>
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 table-responsive">
							<table class="table b-light m-b-xxs">
								<thead class="table-header">
								<tr>
									<th class="text-center font-15">快照名称</th>
									<th class="text-center font-15">状态</th>
									<th class="text-center font-15">虚拟机</th>
									<th class="text-center font-15">创建时间</th>
									<th class="text-center font-15">描述</th>
									<th class="text-center td-operate font-15" width="25%">操作</th>
								</tr>
								</thead>
								<tbody>
								<tr class="table-content" ng-repeat="row in snapshotList" ng-if="!isImageData">
									<td class="text-center font-15 text-overflow" title="{{row.name}}"
									    ng-bind="row.name"></td>
									<td class="font-15 text-center">
										<i class="status-dot-style" ng-class="{'AVAILABLE':'dot-8','INAVAILABLE':'dot-10'}[row.status]"></i>
										<span class="status-span-style" title="{{row.status1}}" ng-bind="row.status1"></span>
									</td>
									<td class="text-center font-15 text-overflow" title="{{row.vmName}}"
									    ng-bind="row.vmName"></td>
									<td class="text-center font-15 text-overflow" title="{{row.createTime}}"
									    ng-bind="row.createTime"></td>
									<td class="text-center font-15 text-overflow" title="{{row.remark}}"
									    ng-bind="row.remark" style="max-width: 180px"></td>
									<td class="text-center font-15">
										<div class="btn-group dropdown table-operation" dropdown="">
											<a class="btn btn-info btn-addon" dropdown-toggle=""><i class="fa fa-reorder"></i>操作</a>
											<ul class="dropdown-menu">
												<li ng-click="remove(row.id)"><a href="">删除</a></li>
												<li ng-click="recovery(row.id)"><a href="">恢复</a></li>
											</ul>
										</div>
									</td>
								</tr>
								<tr ng-if="isImageData">
									<td class="td-nodata" colspan="6"></td>
								</tr>
								</tbody>
							</table>
							<div class="clearfix">
								<div class="col-sm-6" style="padding:7px 15px;">
									<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
											ng-bind="param.rows"></span>条
									</div>
								</div>
								<div class="col-sm-6 text-right">
									<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
									            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
									            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
									            last-text="&raquo;"></pagination>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active14" select="selectTab('datastore')" ng-controller="vmDatastoreCtrl">
				<tab-heading class="tab-heading-style">
					存储
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="">
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
						</div>
					</div>
					<div class="dataTables_wrapper form-inline">
						<div class="row">
							<div class="col-sm-12" style="margin-top: -10px;">
								<table class="table b-light m-b-xxs">
									<thead class="table-header">
									<tr>
										<th class="font-15 text-center">名称</th>
										<th class="font-15 text-center">存储类型</th>
										<th width="8%" class="font-15 text-center">状态</th>
										<th class="font-15 text-center">空间总量(GB)</th>
										<th class="font-15 text-center">空闲空间(GB)</th>
										<th class="font-15 text-center">总共主机</th>
										<th class="font-15 text-center">管理虚拟机</th>
										<th class="font-15 text-center">未管理虚拟机</th>
										<th class="font-15 text-center">更新时间</th>
									</tr>
									</thead>
									<tbody>
									<tr class="table-content" ng-repeat="row in vmDatastoreList" ng-if="!isImageData">
										<td class="font-15 text-center detail-href text-overflow text-info" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.name" ng-click="goDetail($event,row.id)"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.type"></td>
										<td class="text-center font-15 text-overflow" style="max-width:655px;">
											<div>
												<i class="status-dot-style"
												   ng-class="{'green':'dot-8','red':'dot-10','yellow':'dot-9','gray':'dot-4'}[row.status]"></i>
												<span class="status-span-style" title="{{row.status|cn:'networkStatus'}}"
												      ng-bind="row.status|cn:'networkStatus'"></span>
											</div>
										</td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.capacity"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.freeSpace"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.hostNum"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.vmNum"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.vmNumUm"></td>
										<td class="font-15 text-center text-overflow" style="max-width:210px;"
										    title="{{row.name}}" ng-bind="row.gmtModify"></td>
									</tr>
									<tr ng-if="isImageData">
										<td class="td-nodata" colspan="8"></td>
									</tr>
									</tbody>
								</table>
								<div class="clearfix">
									<div class="col-sm-6" style="padding: 7px 15px;">
										<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
												ng-bind="param.rows"></span>条
										</div>
									</div>
									<div class="col-sm-6 text-right">
										<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
										            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
										            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
										            last-text="&raquo;"></pagination>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">存储详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">信息详情</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>存储名称：</dt>
														<dd ng-bind="supplierDetail.name"></dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>存储类型：</dt>
														<dd ng-bind="supplierDetail.type"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>空间总量：</dt>
														<dd>{{supplierDetail.capacity}} GB</dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>空闲空间：</dt>
														<dd>{{supplierDetail.freeSpace}} GB</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>使用空间：</dt>
														<dd>{{supplierDetail.capacity - supplierDetail.freeSpace}} GB</dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>主机数量：</dt>
														<dd ng-bind="supplierDetail.hostNum"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>虚拟机数量：</dt>
														<dd ng-bind="supplierDetail.vmNum"></dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>模板数量：</dt>
														<dd ng-bind="supplierDetail.templateNum"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">宿主机列表</h5>
										</div>
										<div class="pmbb-body col-md-12">
											<div class="table-responsive">
												<table st-table="displayHostListData" st-safe-src="hostListData" class="table">
													<thead class="table-header">
													<tr>
														<th width="12%" class="font-15 text-center">主机名称</th>
														<th width="8%" class="font-15 text-center">所属集群</th>
														<th width="8%" class="font-15 text-center">主机状态</th>
														<th width="8%" class="font-15 text-center">内存大小/MB</th>
														<th width="8%" class="font-15 text-center">CPU计数</th>
														<th width="8%" class="font-15 text-center">连接状态</th>
													</tr>
													</thead>
													<tbody>
													<tr ng-repeat="row in displayHostListData">
														<td width="12%" class="font-15 text-centertext-overflow text-info"
														    style="max-width:88px;" title="{{row.name}}" ng-bind="row.name"></td>
														<td width="8%" class="font-15 text-center text-overflow" style="max-width:80px;"
														    title="{{row.clusterName}}" ng-bind="row.clusterName"></td>
														<td width="8%" lass="font-15 text-center" style="padding-left:15px;">
															<div class="text-left" style="padding-left:10%;">
																<i class="status-dot-style"
																   ng-class="{'RUNNING':'dot-8','STOPPED':'dot-1','UNKNOWN':'dot-4'}[row.powerState]"></i>
																<span class="status-span-style" title="{{row.powerState|cn:'vmStatus'}}"
																      ng-bind="row.powerState|cn:'vmStatus'"></span>
															</div>
														</td>
														<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
														    title="{{row.memTotal}}" ng-bind="row.memTotal"></td>
														<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
														    title="{{row.cpuNum}}" ng-bind="row.cpuNum"></td>
														<td width="8%" class="font-15 text-center text-overflow" style="max-width:58px;"
														    title="{{row.connected|cn:'vmConnect'}}" ng-bind="row.connected|cn:'vmConnect'"></td>
													</tr>
													<tr ng-if="isImageDataHost">
														<td class="td-nodata" colspan="6"></td>
													</tr>
													</tbody>
													<tfoot>
													<tr>
														<td colspan="2" class="text-left">
															<div>每页{{itemsByPage}}条，共{{hostListData.length}}条</div>
														</td>
														<td colspan="4" class="text-right">
															<div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7" class="no-margin"></div>
														</td>
													</tr>
													</tfoot>
												</table>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">虚机列表</h5>
										</div>
										<div class="pmbb-body col-md-12 m-table">
											<div class="table-responsive">
												<table st-table="displayListData" st-safe-src="vmListData" class="table">
													<thead class="table-header">
													<tr>
														<th class="font-15 text-center">名称</th>
														<th class="font-15 text-center">集群</th>
														<th class="font-15 text-center">宿主机</th>
														<th class="font-15 text-center">IP地址</th>
														<th class="font-15 text-center">状态</th>
														<th class="font-15 text-center">快照数量</th>
													</tr>
													</thead>
													<tbody>
													<tr ng-repeat="row in displayListData">
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.name}}" ng-bind="row.name"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.clusterName}}" ng-bind="row.clusterName"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.hostName}}" ng-bind="row.hostName"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.managerIp}}" ng-bind="row.managerIp"></td>
														<td class="font-15 text-center" style="padding-left:15px;">
															<div class="text-left" style="padding-left:10%;">
																<i class="status-dot-style"
																   ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
																<span class="status-span-style" title="{{row.status|cn:'vmStatus'}}"
																      ng-bind="row.status|cn:'vmStatus'"></span>
															</div>
														</td>
														<td class="font-15 text-center text-overflow" style="max-width:161px;" title="{{row.snapshotCount}}"
														    ng-bind="row.snapshotCount"></td>
													</tr>
													<tr ng-if="isImageDataVm">
														<td class="td-nodata" colspan="6"></td>
													</tr>
													</tbody>
													<tfoot>
													<tr>
														<td colspan="2" class="text-left">
															<div>每页{{itemsByPage}}条，共{{vmListData.length}}条</div>
														</td>
														<td colspan="4" class="text-right">
															<div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7" class="no-margin"></div>
														</td>
													</tr>
													</tfoot>
												</table>
											</div>
										</div>
									</div>
									<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
			<tab active="active6" select="selectTab('network')" ng-controller="networkCtrl">
				<tab-heading class="tab-heading-style">
					网络
				</tab-heading>
				<div class="row panel" style="padding-top: 10px">
					<div class="col-md-12 search-box m-b-md">
						<div class="legend">查询条件</div>
						<div class="search-content">
							<div class="form-group">
								<label class="control-label">网络名称：</label>
								<input type="name" ng-model="searchByName" class="form-control input-sm" placeholder="">
							</div>
						</div>
						<div class="search-btn">
							<button class="btn btn-primary w-xs m-r" ng-click="search(1)"><i class="fa fa-search"></i> 查询</button>
							<button class="btn btn-info w-xs m-r" ng-click="add()"><i
									class="fa fa-plus-circle"></i> 新增
							</button>
						</div>
					</div>
					<div class="row">
						<div class="col-md-12 table-responsive">
							<table class="table b-light m-b-xxs">
								<thead class="table-header">
								<tr>
									<th class="text-center font-15">网络名称</th>
									<th class="text-center font-15">状态</th>
									<th class="text-center font-15">类型</th>
									<th class="text-center font-15">端口数</th>
									<th class="text-center font-15">所属数据中心</th>
								</tr>
								</thead>
								<tbody>
								<tr class="table-content" ng-repeat="row in networkList" ng-if="!isImageData">
									<td class="text-center font-15 detail-href text-overflow" style="max-width:392px;"
									    title="{{row.name}}" ng-bind="row.name" ng-click="goDetail($event,row.id)"></td>
									<td class="text-center font-15 text-overflow" style="max-width:655px;">
										<div class="text-left" style="padding-left:35%;">
											<i class="status-dot-style"
											   ng-class="{'green':'dot-8','red':'dot-10','yellow':'dot-9','gray':'dot-4'}[row.status]"></i>
											<span class="status-span-style" title="{{row.status|cn:'networkStatus'}}"
											      ng-bind="row.status|cn:'networkStatus'"></span>
										</div>
									</td>
									<td class="text-center font-15 text-overflow" style="max-width:655px;"
									    title="{{row.type|cn:'vmNetworkType'}}" ng-bind="row.type|cn:'vmNetworkType'"></td>
									<td class="text-center font-15 text-overflow" style="max-width:655px;"
									    title="{{row.portNum}}" ng-bind="row.portNum"></td>
									<td class="text-center font-15 text-overflow"
									    title="{{row.vdcName}}" ng-bind="row.vdcName"></td>
								</tr>
								<tr ng-if="isImageData">
									<td class="td-nodata" colspan="5"></td>
								</tr>
								</tbody>
							</table>
							<div class="clearfix">
								<div class="col-sm-6" style="padding:7px 15px;">
									<div class="paginationTables_info">总共<span ng-bind="totalCount"></span>条, 每页<span
											ng-bind="param.rows"></span>条
									</div>
								</div>
								<div class="col-sm-6 text-right">
									<pagination style="" boundary-links="true" total-items="totalCount" items-per-page="param.rows"
									            max-size="10" ng-model="param.page" ng-change="getData(param.page)"
									            previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;"
									            last-text="&raquo;"></pagination>
								</div>
							</div>
						</div>
					</div>
					<div ng-if="showDetail" ng-hide-detail="" class="animated tab-detail"
					     ng-class="{true:'bounceInRight',false:'bounceOutRight'}[isActive]">
						<div class="col-md-12">
							<div class="panel panel-default" style="padding:0;">
								<div class="panel-heading font-bold">
									<span class="p-l-6">网络详情</span>
								</div>
								<div class="panel-body pmb-block" style="border:none;">
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">信息详情</h5>
										</div>
										<div class="pmbb-body p-l-30">
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>网络名称：</dt>
														<dd ng-bind="supplierDetail.name"></dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>网络类型：</dt>
														<dd ng-bind="supplierDetail.type|cn:'vmNetworkType'"></dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>网络状态：</dt>
														<dd>
															<i class="status-dot-style"
															   ng-class="{'green':'dot-8','red':'dot-10','yellow':'dot-9','gray':'dot-4'}[supplierDetail.status]"></i>
															<span class="status-span-style" title="{{supplierDetail.status|cn:'networkStatus'}}"
															      ng-bind="supplierDetail.status|cn:'networkStatus'"></span>
														</dd>
													</dl>
												</div>
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>端口数：</dt>
														<dd>{{supplierDetail.portNum}}</dd>
													</dl>
												</div>
											</div>
											<div class="form-group">
												<div class="col-lg-6">
													<dl class="dl-horizontal">
														<dt>数据中心：</dt>
														<dd ng-bind="supplierDetail.vdcName"></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
									<div class="col-md-12">
										<div class="pmbb-header">
											<h5 class="console-title">虚机列表</h5>
										</div>
										<div class="pmbb-body col-md-12">
											<div class="table-responsive">
												<table st-table="displayListData" st-safe-src="vmListData" class="table">
													<thead class="table-header">
													<tr>
														<th class="font-15 text-center">名称</th>
														<th class="font-15 text-center">集群</th>
														<th class="font-15 text-center">宿主机</th>
														<th class="font-15 text-center">IP地址</th>
														<th class="font-15 text-center">状态</th>
														<th class="font-15 text-center">快照数量</th>
													</tr>
													</thead>
													<tbody>
													<tr ng-repeat="row in displayListData">
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.name}}" ng-bind="row.name"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.clusterName}}" ng-bind="row.clusterName"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.hostName}}" ng-bind="row.hostName"></td>
														<td class="font-15 text-center text-overflow" style="max-width:210px;"
														    title="{{row.managerIp}}" ng-bind="row.managerIp"></td>
														<td class="font-15 text-center" style="padding-left:15px;">
															<div class="text-left" style="padding-left:10%;">
																<i class="status-dot-style"
																   ng-class="{'success':'dot-8','danger':'dot-1','warning':'dot-9','primary':'dot-7','default':'dot-4','info':'dot-6'}[row.statusColor]"></i>
																<span class="status-span-style" title="{{row.status|cn:'vmStatus'}}"
																      ng-bind="row.status|cn:'vmStatus'"></span>
															</div>
														</td>
														<td class="font-15 text-center text-overflow" style="max-width:161px;" title="{{row.snapshotCount}}"
														    ng-bind="row.snapshotCount"></td>
													</tr>
													<tr ng-if="isImageDataVm">
														<td class="td-nodata" colspan="6"></td>
													</tr>
													</tbody>
													<tfoot>
													<tr>
														<td colspan="2" class="text-left">
															<div>每页{{itemsByPage}}条，共{{vmListData.length}}条</div>
														</td>
														<td colspan="4" class="text-right">
															<div st-pagination="" st-items-by-page="itemsByPage" st-displayed-pages="7" class="no-margin"></div>
														</td>
													</tr>
													</tfoot>
												</table>
											</div>
										</div>
									</div>
									<div class="detail-go-back" ng-click="goBack()"><i class="fa fa-angle-right"></i></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</tab>
		</tabset>
	</div>
</div>